<!doctype html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>后台登录</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="mgr/css/font.css">
    <link rel="stylesheet" href="mgr/css/login.css">
	  <link rel="stylesheet" href="mgr/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="mgr/lib/layui/layui.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">后台登录</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" class="layui-form" >
            <input id="username" name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input id="password" name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="button" onclick="doLogin()">
            <hr class="hr20" >
            <div id="msg" style="color: red"></div>
        </form>
    </div>

    <script>
        function doLogin(){
            $("#msg").html("")
            var username=$("#username").val();
            var password=$("#password").val();
            if (username==""){
                $("#username").focus();
                $("#username_msg").html("请输入用户名！")
                return
            }else{
                $("#username_msg").html("")
            }
            if (password==""){
                $("#password").focus();
                $("#password_msg").html("请输入密码！")
                return
            }else{
                $("#password_msg").html("")
            }

            var jsonStr=JSON.stringify( {
                "username":username,
                "password":password
            } )


            $.ajax({
                url:'/login',
                type:'post',
                dataType:'json',//服务器端返回的数据格式是json
                contentType: 'application/json;charset=utf-8',
                data: jsonStr ,//发给服务器端的数据
                success:function(data){   //data:服务器端返回给浏览器端的数据
                    if(data.code==0){
                        location.href='mgr/index.html';
                    }else{
                        // alert(data.msg);
                        $("#msg").html("用户名或密码错误，请重新登录！")
                    }
                },
                error:function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest);
                    alert(textStatus);
                    alert(errorThrown);
                }

            });
        }
    </script>
    <!-- 底部结束 -->
</body>
</html>